
.chat_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
  z-index: 999; /* 确保遮罩层在其他内容之上 */
}
.diy-chat{
    z-index: 1000;
    position: fixed;
    right: 50px;
    bottom: 43px;
    z-index: 3000;
    width: 1050px;
    height: 600px;
    border-radius: 10px; /* 可根据实际需求调整数值 */
    overflow: hidden;    /* 确保 iframe 内容也被裁剪成圆角 */
	p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, img, label, input, button, textarea, select, form {
		margin: 0; padding:0;
	}
	h1, h2, h3, h4, h5, h6, em, i, th, caption {
		font-style: normal;font-weight: normal;
	}
}
.diy-chat iframe {
  border-radius: 10px;
  display: block; /* 去除 iframe 默认的 inline 元素底部空白 */
}
.diy-chat-icon{
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 10;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-size: 100%;
}

.J__wcEditor{
    img{max-width: 100%;}
	.lg-face{max-width: 100px;}
}
.J__wcEditor:empty:before{
    content:attr(placeholder);
    font-size: 13px;
    color: #999;
}
.J__wcEditor:focus:before{
    content:none;
}
.vChatMsg-cnt{
    img{max-width: 100%;}
}

/**
	vue网页端聊天室 - 布局样式
	layout.css
	Created by Anderson on 2019-04-24
 */
/* body{background: linear-gradient(135deg, #c7ab8e 0%, #d2fae9 100%);} */
/* body{background: url(/static/diy-chat/img/placeholder/vchat-bg.png) no-repeat; background-size: cover;} */

.splitline::after{content: ''; border-right: 1px solid #d9d9d9; position: absolute; top: 15px; bottom: 15px; right: 0; transform: scaleX(0.5); -webkit-transform: scaleX(0.5);}
.splitlineL::after{content: ''; border-left: 1px solid #d9d9d9; position: absolute; top: 15px; bottom: 15px; left: 0; transform: scaleX(0.5); -webkit-transform: scaleX(0.5);}
.transit{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.wc__material-cell:active{background-color: rgba(25,31,37,.1)!important; background-color: #c9c9c9!important; transition: all .3s;}
.wc__badge{background-color: #ff3b30; border-radius: 18px; color: #fff; display: inline-block; font-size: 12px; font-family: arial; text-align: center; padding: 0 4px; line-height: 14px; min-width: 8px; vertical-align: middle;}
.wc__badge-dot{padding: 5px; min-width: 0;}
.wc__borT, .wc__borB{position: relative;}
.wc__borT:before{content: ''; border-top: 1px solid rgba(150,150,150,.2); height: 1px; width: 100%; position: absolute; left: 0; top: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.wc__borB:after{content: ''; border-bottom: 1px solid rgba(150,150,150,.2); height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.wc__arr:after{content: ''; border-color: rgba(150,150,150,.2); border-style: solid; border-width: .06rem .06rem 0 0; display: inline-block; vertical-align: middle; margin-right: -.07rem; height: .45rem; width: .45rem; position: relative; transform: rotate(45deg) scale(.5); -webkit-transform: rotate(45deg) scale(.5);}


/* …… 主页面布局.layout {{{ …… */
.vChat-wrapper{
	/* height: calc(100vh); -webkit-tap-highlight-color: transparent; */
	/* height: calc(100vh - 200px); */
	height: 100%;
    -webkit-tap-highlight-color: transparent;
    /* margin-top: 50px; */
    margin-top: 0px;
    /* width: 80%; */
    width: 100%;
    /* margin-left: 50px; */
    margin-left: 0px;
}
.vChat-panel{
	/* height: calc(100vh - 65px);  */
	/* height: calc(100vh - 200px);  */
	height: 100%;
	width: 100%; border-radius: 3px; background-repeat: no-repeat; background-size: cover;}
.vChat-inner{/*background-color: rgba(255, 255, 255, .95);*/
	background-color: rgba(245, 245, 245, .95);
	box-shadow: 0 5px 15px rgba(0,0,0,.3);
	border-radius: 3px; height: 100%; width: 100%; position: relative;}
/* __右上角按钮 */
.vChat-winbtn{position: absolute; top: 0; right: 0; z-index: 1001;}
.vChat-winbtn a{cursor: pointer;display:inline-block;vertical-align:top; margin-right: 5px; padding: 0 15px;}
.vChat-winbtn a:hover{background: #e3e3e3;}
.vChat-sidebar{/*background-image: linear-gradient(180deg,#29292c 50%,#3b3534,#29292c);*/ background-image: linear-gradient(180deg, #232d42 0%, #3b4b6b 100%); border-radius: 3px 0 0 3px; width: 60px;}
.vChat-sidebar .avator{text-align: center; padding: 20px 0; position: relative;}
.vChat-sidebar .avator img{cursor: pointer; height: 35px; width: 35px; object-fit: cover;}
.vChat-sidebar .avator .status{background-color: #d9d9d9; border-radius: 50%; cursor: pointer; height: 10px; width: 10px; position: absolute; top: 12px; right: 6px;}
.vChat-sidebar .avator .online{background-color: #45c00c;}
.vChat-sidebar .avator .offline{background-color: #ffba00;}
.vChat-sidebar .avator .busy{background-color: #f54f63;}
.vChat-sidebar .avator .invisible{background-color: #d9d9d9;}
.vChat-sidebar .list ul li{cursor: pointer; text-align:center;list-style-type: none;}
.vChat-sidebar .list ul li:last-child{margin-bottom: 5px;}
.vChat-sidebar .list ul li .ico{display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 50px; position: relative;}
.vChat-sidebar .list ul li .iconfont{color:#9ea0a3; font-size: 25px;}
.vChat-sidebar .list ul li:hover .iconfont{color:#b9b9b9;}
.vChat-sidebar .list ul li.on .iconfont{color:#41b883;}
.vChat-sidebar .list ul li .ico .wc__badge{position: absolute; top: 10px; right: 10px;}
.vChat-middlebar{background-image: linear-gradient(180deg,rgba(238, 234, 232, .8) 50%,rgba(230, 230, 230, .8));
	width: 250px;
	position: relative;}
/* >>>搜索 */
.vc-searArea .iptbox{padding: 23px 10px 10px; height: 60px;}
.vc-searArea .iptbox input{background: #f6f6f6; font-size: 12px; height: 26px; line-height: 26px;}
.vc-searArea .iptbox input:focus{border-color: #41b883;}
.vc-searArea .iptbox .el-input__icon{line-height: 26px;}
.vc-recordList{user-select: none; -webkit-user-select: none;}
.vc-recordList ul li{font-family: 'Microsoft Yahei'; padding: 10px; position: relative; transition: all .3s;}
.vc-recordList ul li:hover{background-color: #dfdcdb;}
.vc-recordList ul li.on{background-color: #dfdcdb;}
.vc-recordList ul li .img{margin-right: 10px; height: 40px; width: 40px; position: relative;}
.vc-recordList ul li .img img{float: left;
	/* height: 100%; width: 100%;  */
	height: 40px; width: 40px;
	object-fit: contain;}
.vc-recordList ul li .imgs{background: #dfdcdb;}
.vc-recordList ul li .imgs img{margin-left: 1px; margin-top: 1px; height: 12px; width: 12px;}
.vc-recordList ul li .img .wc__badge{position: absolute; top: -7px; right: -5px;}
.vc-recordList ul li .title{color: #191919; font-size: 14px;}
.vc-recordList ul li .desc{color: #9ea0a3; font-size: 12px; font-family: arial; margin-top:2px;word-break: break-all;}
.vc-recordList ul li .time{color: #bbb; font-size: .2rem; font-family: arial; margin-top: .15rem; text-align: right; min-width: 1rem;}
.vc-addrFriendList ul li .initial{color: #9ea0a3; font-size: 12px; font-family: arial; padding: 10px 10px 3px;}
.vc-addrFriendList ul li:first-child .initial:before{display: none;}
.vc-addrFriendList ul li .initial.wc__borT:before{border-top-color: rgba(0,0,0,.1);}
.vc-addrFriendList ul li .row{font-family: 'Microsoft Yahei'; padding: 10px; position: relative; transition: all .3s;margin-right: 0;margin-left: 0;}
.vc-addrFriendList ul li .row:hover{background: #dfdcdb;}
.vc-addrFriendList ul li .row.on{background: #dfdcdb;}
.vc-addrFriendList ul li .row .uimg{display: block; margin-right: 10px; height: 35px; width: 35px;object-fit: cover;}
.vc-addrFriendList ul li .row .name{color: #191919; font-size: 14px; font-family: arial;}
.vc_addrTotal{color: #9ea0a3; font-size: 14px; font-family: arial; text-align: center; padding: 10px 0; padding-bottom: 30px;}
.wc__similarList ul li{padding: 0 60px;}
.wc__similarList ul li .item{padding: 15px 0; position: relative;}
.wc__similarList ul li .item:after{content: ''; background-color: #e9e9e9; height: 1px; width: auto; position: absolute; left: 0; right: 0; bottom: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.wc__similarList ul li:last-child .item:after{display: none;}
.wc__similarList ul li .item .uimg{display: inline-block; vertical-align: top; margin-right: 10px; height: 50px; width: 50px;}
.wc__similarList ul li .item .lbl{color:#191919; font-size: 14px; min-width: 50px;}
.wc__similarList ul li .item .lbl i{color: #aaa; display: block; font-size: 12px; font-family: arial;}
/* __右侧(内容区) */
.vChat-container{border-radius: 0 3px 3px 0;
	/* width: 540px; */
	width: auto;
}
.vChat__header{height: 60px;}
.vChat__header .inner{border-bottom: 1px solid rgba(150,150,150,.1); padding-right: 10px; height: 60px;}
.vChat__header .inner .barTit{color: #35495e; font-size: 17px; font-family: arial; margin-left: 25px; padding-top: 23px;}
.vChat__header .inner .lk{cursor: pointer; padding: 0 10px; margin-top: 23px; height: 30px; line-height: 30px; position: relative;}
.vChat__header .inner .lk .iconfont{color: #9ea0a3; font-size: 16px;}
.vChat__header .inner .lk:hover .iconfont{color: #35495e;}
/* }}} */

/* >>>屏蔽提示 */
.vChat__locker{color: #9ea0a3; font-size: 12px; text-align: center; line-height: 36px; position: relative;}
.vChat__locker a{color: #41b883; text-decoration: underline;}
.vChat__locker .close{color: #9ea0a3; cursor: pointer; font-size: 14px; padding: 0 10px; position: absolute; top: 0; right: 10px;}
/* >>>新消息提醒 */
.vChat__notice{background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 20px 0 0 20px; color: #41b883; cursor: pointer; font-size: 12px; font-family: arial; padding: 0 15px; line-height: 30px; position: absolute; top: 100px; right: 0; z-index: 1001;}
.vChat__loading{color: #9ea0a3; font-size: 12px; font-family: arial; text-align: center; line-height: 30px;}
.vChat__loading img{display: inline-block; vertical-align: top; margin: 6px 3px 0 0; height: 18px;}

.vChatMsg-cnt{padding: 15px; position: relative;}
.vChatMsg-cnt ul li{display:-webkit-box; display:-webkit-flex; display:flex; display:-ms-flexbox; font-family: simsun; margin-bottom: 30px;}
.vChatMsg-cnt ul li.time span{background: rgba(0,0,0,.13); color: #fff; border-radius: 3px; display: block; font-size: 12px; overflow: hidden; margin: 0 auto; padding: 2px 7px; line-height: normal; max-width: 90%;}
.vChatMsg-cnt ul li.notice{margin-bottom: 15px;}
.vChatMsg-cnt ul li.notice span{background: rgba(0,0,0,.13); color: #fff; border-radius: 3px; display: block; font-size: 12px; overflow: hidden; margin: 0 auto; padding: 5px 7px; line-height: normal; max-width: 90%;}
.vChatMsg-cnt ul li.notice span a{color: #22a7ff;}
.vChatMsg-cnt ul li .avatar{display: block; overflow: hidden; height: 30px; width: 30px;}
.vChatMsg-cnt ul li .avatar img{vertical-align: top; height: 100%; width: 100%;}
.vChatMsg-cnt ul li .content{-webkit-flex:1; -ms-flex:1; flex:1;}
.vChatMsg-cnt ul li .content .author{color: #aaa; font-size: 12px; font-family: simsun; margin: 0 10px;}
.vChatMsg-cnt ul li .content .msg{border-style: solid; border-width: 1px; border-radius: 3px; color: #333; float: left; font-size: 14px; margin: 0 10px; padding: 10px; word-wrap: break-word; word-break: break-all; min-height: 30px; max-width: 400px; position: relative; transition: all .3s;}
.vChatMsg-cnt ul li .content .msg .face{vertical-align: top; height: 20px;}
.vChatMsg-cnt ul li .content .msg .lg-face{vertical-align: top; max-height: 100px; max-width: 100px;}
.onez-at{color: #12b7f5;}
.vChatMsg-cnt ul li .content .msg a{color: #22a7ff;font-family: arial;}
.vChatMsg-cnt ul li .content .msg a:active{background-color: #c8e9ff;}
.vChatMsg-cnt ul li.others .content .msg{background-color: #fff; border-color: #e9e9e9; box-shadow: 0 1px 3px rgba(50,50,50,.1);}
.vChatMsg-cnt ul li.others .content .msg:active, .vChatMsg-cnt ul li.others .content .msg.taped{background-color: #e9e9e9; border-color:#dedede;}
.vChatMsg-cnt ul li.me .content .author{text-align: right;}
.vChatMsg-cnt ul li.me .content .msg{float: right; background-color: #bff0da; border-color: #ade2ca; box-shadow: 0 1px 3px rgba(65,158,116,.3);}
.vChatMsg-cnt ul li.me .content .msg:active, .vChatMsg-cnt ul li.me .content .msg.taped{background-color: #a5dfc5; border-color: #93d8b9;}
.vChatMsg-cnt ul li .content .msg:before{content: ''; display: inline-block; border-style: solid; border-width: 1px 1px 0 0; height: 10px; width: 10px; position: absolute; top: 15px;}
.vChatMsg-cnt ul li.others .content .msg:before{background: inherit; border-color: inherit; left: -6px; transform: translate(0, -50%) rotate(-135deg);}
.vChatMsg-cnt ul li.me .content .msg:before{background: inherit; border-color: inherit; right: -6px; transform: translate(0, -50%) rotate(45deg);}
.vChatMsg-cnt ul li .content .picture:before, .vChatMsg-cnt ul li .content .video:before{display: none;}
.vChatMsg-cnt ul li .content .picture, .vChatMsg-cnt ul li .content .video{background-color: transparent!important; border-width: 0; border-radius:3px; box-shadow: none!important; padding: 0; overflow: hidden; position: relative;}
.vChatMsg-cnt ul li .content .picture.taped, .vChatMsg-cnt ul li .content .video.taped{opacity: .5;}
.vChatMsg-cnt ul li .content .picture .img__pic, .vChatMsg-cnt ul li .content .video .img__video{display: block; margin:0 auto; max-height: 200px; max-width: 200px}
.vChatMsg-cnt ul li .content .video:after{content: ''; background: url(~@/assets/img/icon-play.png) no-repeat center; background-size: 30px; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
/* 大表情 */
.vChatMsg-cnt ul li .content .msg.lgface{background-color: transparent!important; border-width: 0; border-radius:0; box-shadow: none; padding: 0; overflow: hidden; position: relative;}
/* 附件/文件 */
.vChatMsg-cnt ul li .content .attachment{min-width: 200px; max-width: 250px;}
.vChatMsg-cnt ul li .content .attachment .ico-bg{background: url(~@/assets/img/icon__attachment-white.png) no-repeat center #3aa4dd; background-size: 20px; display: inline-block; vertical-align: top; height: 40px; width: 40px;}
.vChatMsg-cnt ul li .content .attachment .file-info{font-size: 14px; font-family: 宋体; margin-left: 10px;}
.vChatMsg-cnt ul li .content .attachment .name{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 148px;}
.vChatMsg-cnt ul li .content .attachment .size{color: #666; font-size: 12px;}
.vChatMsg-cnt ul li .content .attachment .btn-down{background: url(~@/assets/img/icon__download.png) no-repeat center; background-size: 15px; display: inline-block; vertical-align: top; height: 30px; width: 20px;}

.vChat__footTool{width: 100%; position: relative;
	/* z-index: 1005; */
}
.wc__editor-panel{background-color: rgba(255,255,255,.9); border-radius: 3px; padding: 10px 15px; align-items: flex-end;}
.wc__editor-panel.wc__borT:before{border-top-color: rgba(150,150,150,.4);}
/* toolbar */
.wc__editor-panel .wrap-toolbar{width: 100%;}
.wc__editor-panel .wrap-toolbar .btn{
	cursor: pointer; color: #666; font-size: 20px; display: inline-block; vertical-align: top;
	margin-right: 5px;
	overflow: hidden; text-align: center; height: 24px; line-height: 24px; width: 24px;
	position: relative;
	padding: 0px;
}
.wc__editor-panel .wrap-toolbar .btn input[type='file']{opacity: 0; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 11;}
/* 编辑器 */
.wc__editor-panel .wrap-editor{width: 100%;}
.wc__editor-panel .wrap-editor .editor{background: none; color: #333; caret-color: #41b883; font-size: 14px; padding: 6px 10px; overflow-y: auto; overflow-x: hidden; outline: none; word-wrap: break-word; word-break: break-all; padding: 10px 0; line-height: 20px; height: 80px; max-width: 100%; transition: border-color .3s;}
.wc__editor-panel .wrap-editor .editor .face{vertical-align: top; height: 20px;}
.wc__editor-panel .btn-submit{background: #41b883; border: 0; border-radius: 3px; color: #fff; cursor: pointer; font-size: 12px; outline: none; margin-left: 5px; padding: 0 10px; height: 28px; width: 70px;}
/* 选择区 */
.wc__choose-panel{
	overflow-y: scroll;
    overflow-x: hidden;
	background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: 0 3px 18px 1px rgba(0,0,0,.15); height: 220px; width: 380px; position: absolute; left: -54px; bottom: 146px; z-index: 1001;}
.wc__choose-panel .wrap-emotion{height: 100%;}
.wc__choose-panel .wrap-emotion .emotion__cells{height: 100%; position: relative;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper{width: 100%;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .swiper-container{height: 100%; width: 100%;}
/* 小表情 */
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__sm-list{display: inline-block; margin-right: -8px; padding: 15px 16px 0;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__sm-list span{float: left; text-align: center; margin-bottom: 9px; margin-right: 7px; height: 32px; width: 32px;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__sm-list span:active{background-color: #f3f3f3; border-radius: 5px;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__sm-list span img{margin-top: 4px; height: 24px; width: 24px;}
/* 大表情 */
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__lg-list{display: inline-block; margin-right: -10px; padding: 15px 20px 0;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__lg-list span{float: left; text-align: center; margin-bottom: 9px; margin-right: 9px; height: 60px; width: 60px;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__lg-list span:active{background-color: #f3f3f3; border-radius: 5px;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .face__lg-list span img{margin-top: 5px; height: 50px; width: 50px;}
/* 圆点 */
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .pagination-emotion{text-align: center; position: absolute; bottom: 10px; z-index: 11;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .pagination-emotion .swiper-pagination-bullet{opacity: .1; height: 6px; width: 6px;}
.wc__choose-panel .wrap-emotion .emotion__cells-swiper .pagination-emotion .swiper-pagination-bullet-active{background: #999; opacity: 1;}
/* 底部多表情切换 */
.wc__choose-panel .wrap-emotion .emotion__cells-footer{background: rgba(238, 234, 232, .7); white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 40px; width: 100%;}
.wc__choose-panel .wrap-emotion .emotion__cells-footer ul{font-size: 0; /*去除inline-block空格*/}
.wc__choose-panel .wrap-emotion .emotion__cells-footer ul li{display: inline-block; padding: 10px 0; text-align: center; height: 40px; width: 54px;}
.wc__choose-panel .wrap-emotion .emotion__cells-footer ul li.cur{background-color: #fff;}
.wc__choose-panel .wrap-emotion .emotion__cells-footer ul li img{height: 100%;}
/* }}} */


/* 群员 */
.wc__ucinfo-qunMember{padding: 0 .15rem; max-width: 400px;}
.wc__ucinfo-qunMember ul li{float:left; text-align: center; margin-top: 10px; width: 20%;}
.wc__ucinfo-qunMember ul li .uimg{border-radius: 50%;height: 40px;width: 40px; object-fit: cover;}
.wc__ucinfo-qunMember ul li .name{color:#999;display: block;font-size: 12px;font-family:simsun;margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wc__groupMemInfo-setting ul li{margin-top: 15px;}
.wc__groupMemInfo-setting ul li .item{background: #f9f9f9; border-bottom: 1px solid #e9e9e9; margin-bottom: 0; padding: 0 20px; height: 45px; position: relative;}
.wc__groupMemInfo-setting ul li .item:last-child{border-bottom: 0;}
.wc__groupMemInfo-setting ul li .item .lbl{color:#333; font-size: 12px;font-family: simsun;}
.wc__groupMemInfo-setting ul li .item .val{background:transparent;border:none;color: #999; font-size:12px;font-family:simsun;outline: none; padding: 10px 0; text-align: right;}
/* }}} */


.wcim__friendZone ul li{border-bottom: 1px solid rgba(150,150,150,.15); padding:20px 0;position:relative; z-index:11;}
.wcim__friendZone ul li:last-child{border-bottom: 0;}
.wcim__friendZone ul li .wrap-avt{margin-left: 20px;}
.wcim__friendZone ul li .wrap-avt img{border-radius: 50%; height:40px;width:40px; object-fit: cover;}
.wcim__friendZone ul li .wrap-cmt{padding-left:75px; padding-right:20px;}
.wcim__friendZone ul li .wrap-cmt .u-name{color:#4a99ef;font-size:15px; font-family: 黑体;}
.wcim__friendZone ul li .wrap-cmt .post__cnt{color:#212121; font-size:14px; font-family: simsun; padding-bottom:15px; line-height:24px;}
.wcim__friendZone ul li .wrap-cmt .post__cnt img{border-radius: 5px; float: left; margin-right: 10px; margin-top: 10px; max-height: 200px; max-width: 200px; object-fit: cover;}
.wcim__friendZone ul li .wrap-cmt .post__cnt .list-img{object-fit:cover; max-height:100px; max-width:100px; height:100px; width:30%;}
.wcim__friendZone ul li .wrap-cmt .reply__box{position:relative;}
.wcim__friendZone ul li .wrap-cmt .reply__box a{color: #575b60; margin-left: 20px; margin-right: 10px;}
.wcim__friendZone ul li .wrap-cmt .reply__box .zan.on{color: #4a99ef;}
.wcim__friendZone ul li .wrap-cmt .reply__box .zan.on .iconfont{color: #4a99ef; font-weight:700;}
.wcim__friendZone ul li .wrap-cmt .cmt-bd{background: #e9e9e9; border-radius: 10px; font-size:14px; font-family: simsun; margin-top: 15px; padding: 10px; width:100%; position: relative;}
.wcim__friendZone ul li .wrap-cmt .cmt-bd .like{color:#576b95;}
.wcim__friendZone ul li .wrap-cmt .cmt-bd .reply-list p{padding-top:3px;}
.wcim__friendZone ul li .wrap-cmt .cmt-bd .reply-list p span{color:#3b5384;}
/* }}} */


.wcim__lgregWrapper{/*background: #f0fbf6;*/ position: relative; z-index: 11; margin: 0 150px;}
/* slogan标语 */
.wcim__lgregHeader .slogan{text-align: center; margin-top: 50px; padding: 0 10px;}
.wcim__lgregHeader .slogan h2{color: #35495e; font-size: 24px; font-family: simsun;}
@keyframes anim_textLight {0%{ background-position: 0 0;}100% { background-position: -100% 0;}}
@-webkit-keyframes anim_textLight {0%{ background-position: 0 0;}100% { background-position: -100% 0;}}
.wcim__lgregHeader .slogan .logo .iconfont{color: #41b883; font-size: 50px;}
.wcim__lgregHeader .slogan img{width: 60px;}
/* 表单 */
.wcim__lgregHeader .forms{margin: 20px 0;}
.wcim__lgregHeader .forms ul{padding: 0 20px;}
.wcim__lgregHeader .forms ul li{position: relative;}
.wcim__lgregHeader .forms ul li .iconfont{color: #9ea0a3; font-size: 18px; position: absolute; left: 10px; top: 12px;}
.wcim__lgregHeader .forms ul li .iptxt{background: none; border: 0; font-size: 12px; padding: 0 20px; padding-left: 40px; height: 50px; width: 100%;}
.wcim__lgregHeader .forms ul li .borLine{border-bottom: 1px solid #dcdddd; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; transform: scaleY(.5); transition: all .3s;}
.wcim__lgregHeader .forms ul li .iptxt:focus + .borLine{border-bottom-color: #41b883;}
.wcim__lgregHeader .forms ul li .btn-getcode{background: none; border: 0; color: #41b883; cursor: pointer; font-size: 12px; padding: 0 10px; line-height: 30px; position: absolute; top: 10px; right: 10px;}
.wcim__lgregHeader .forms ul li .btn-getcode[disabled], .wcim__lgregHeader .forms ul li .btn-getcode.disabled{color: #999;}
.wcim__lgregHeader .forms .btns{margin: 20px 20px 0;}
.wcim__lgregHeader .forms .btns .btn__login{font-size: 15px;}
.wcim__lgregHeader .forms .lgregLink{color: #9ea0a3; font-size:12px; padding: 20px 20px 0;}
.wcim__lgregHeader .forms .lgregLink a{color: #35495e; font-size: 12px; display: inline-block; vertical-align: top; margin: 0 .75em; position: relative;}
.wcim__lgregHeader .forms .lgregLink a:before{content: ''; border-left: 1px solid #c7c7c7; width: 1px; position: absolute; left: -.8em;top: .2em; bottom: .2em;transform: scaleX(.5);}
.wcim__lgregHeader .forms .lgregLink a:first-child:before{display: none;}
/* 底部 */
.wcim__lgregFooter{text-align: center; padding: 10px 0; position: relative; z-index: 11;}
.wcim__lgregFooter .version{color: #35495e; opacity: .5; font-size: 12px;}
/* }}} */


.wc__contextmenu{z-index:10010;}
.wc__contextmenu .menu{background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, .15); padding: 3px 0; position:relative;}
.wc__contextmenu .menu a{color: #333; font-size: 12px; display: block; padding: 0 25px; line-height: 30px; position: relative; transition: all .3s;}
.wc__contextmenu .menu a:hover{background-color: #e9e9e9;}
.wc__contextmenu .menu a.deliver{background-color: #eee; margin: 3px 0; padding: 0; height: 1px; line-height: 1px;}
/* 状态 */
.wc__contextmenu .menu a.status:before{content: ''; background-color: #d9d9d9; border-radius: 50%; height: 8px; width: 8px; position: absolute; top: 11px; left: 10px;}
.wc__contextmenu .menu a.online:before{background-color: #45c00c;}
.wc__contextmenu .menu a.offline:before{background-color: #ffba00;}
.wc__contextmenu .menu a.busy:before{background-color: #f54f63;}
.wc__contextmenu .menu a.invisible:before{background-color: #d9d9d9;}
/* 用户信息 */
.wc__contextmenuUserInfo ul li{padding: 0 30px; width: 300px;}
.wc__contextmenuUserInfo.uinfo ul li{padding: 0 60px; width: auto;}
.wc__contextmenuUserInfo ul li .item{padding: 15px 0; position: relative;}
.wc__contextmenuUserInfo ul li .item:after{content: ''; background-color: #e9e9e9; height: 1px; width: auto; position: absolute; left: 0; right: 0; bottom: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.wc__contextmenuUserInfo ul li:last-child .item:after{display: none;}
.wc__contextmenuUserInfo ul li .item .uimg{display: inline-block; vertical-align: top; height: 50px; width: 50px;}
.wc__contextmenuUserInfo ul li .item .lbl{color:#333; font-size: 14px; min-width: 50px;}
.wc__contextmenuUserInfo ul li .item .lbl i{color: #aaa; display: block; font-size: 12px; font-family: arial;}
.wc__contextmenuUserInfo ul li .item .cnt{font-size: 14px;}
.wc__contextmenuUserInfo ul li .item .icon-side__xiaoxi{color: #41b883; cursor: pointer; font-size: 28px;}
/* }}} */


/* …… 弹窗样式（wcPop） {{{ …… */
#wc__previewVideo .popui__xclose:active{background: none;}
#wc__previewVideo .popui__xclose:after{color: #fff;}
/* }}} */


.el-dialog{
	/* margin:0!important;
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%); */
}
/* }}} */

